<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>金点子大赛网站--管理员页面</title>
    <link rel="icon" href="../images/html-icon.png"  type="image/x-icon">
    <!-- jQ -->
    <script src="../js/lib/jquery-3.2.1.js"></script>
    <!-- bootstrap -->
    <link rel="stylesheet" href="../bootstrap-3.3.7/dist/css/bootstrap.css">
    <script src="../bootstrap-3.3.7/dist/js/bootstrap.js"></script>
    <link rel="stylesheet" href="../css/bil/spop.css">
    <!--  -->
    <link rel="stylesheet" href="../css/Admin-css/admin-base.css">
    <link rel="stylesheet" href="../css/Admin-css/itemType-info.css">
</head>
<body>
    <div class="container-fluid pad-r">
        <div id="navMenu">
            <div class="pad-10">
                <a href="./../Admin/admin-index.html" class="db">
                    <img src="../images/LNClogo.gif"  class="w-max maskVal"/>
                </a>
            </div>
            <h4 class="text-center Text-color fz-18"> 金点子大赛管理系统 </h4>
            <div class="row text-center mar-0 pad-10 Text-color admin-color">
                <div class="col-xs-12">
                    <i class="glyphicon glyphicon-user Text-fwb"></i>
                    <span class="mar-5" id="admin-name"></span>
                </div>
                <div class="col-xs-12">
                    <i class="glyphicon glyphicon-info-sign Text-fwb"></i>
                    <span class="mar-5 mar-r Text-fwb">5</span>
                    /
                    <span>30</span>
                </div>
            </div>
            <ul id="allDownMenu" class="mar-0">
                <li>
                    <div class="menu-Item">
                        <a href="./../Admin/item-admin.html">
                            <i class="glyphicon glyphicon-th-list icon"></i>
                            <span>项目管理</span>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="menu-Item">
                        <a href="./../Admin/user-admin.html">
                            <i class="glyphicon glyphicon-user icon"></i>
                            <span>用户管理</span>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="menu-Item">
                        <a href="./../Admin/count.html">
                            <i class="glyphicon glyphicon-stats icon"></i>
                            <span>项目统计</span>
                        </a>
                    </div>
                </li>
                <li class="hasMenu">
                    <div class="menu-Item hasMenu-li">
                        <a href="javascript:;" class="">
                            <i class="glyphicon glyphicon-asterisk icon"></i>
                            <span>系统配置</span>
                            <i class="glyphicon glyphicon-chevron-left pull-right downIcon"></i>
                        </a>
                    </div>
                    <ul class="sonMenu">
                        <li class="menu-Item sonItem">
                            <a href="./../Admin/dataWordbook.html">数据字典</a>
                        </li>
                        <li class="menu-Item sonItem">
                            <a href="./../Admin/ad-list.html">公告管理</a>
                        </li>
                        <li class="menu-Item sonItem">
                            <a href="./../Admin/System-set.html">系统配置</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <div class="menu-Item">
                        <a href="./../Admin/powerManage.html">
                            <i class="glyphicon glyphicon-tasks icon"></i>
                            <span>权限管理</span>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="menu-Item">
                        <a href="" id="admin-outLogin">
                            <i class="glyphicon glyphicon-off icon"></i>
                            <span>退出登录</span>
                        </a>
                    </div>
                </li>
            </ul>
        </div>
        <div class="pageMain Po-r">
            <!-- 页头 -->
            <div class="panel panel-default pageTitle mar-0 border-color Text-red">
                <div class="panel-body">
                    <span><span id="itemTypeTitle"></span> <small id="itemTypeName"></small></span>
                    <i class="glyphicon glyphicon-circle-arrow-left zzz pull-right" ></i>
                </div>
            </div>
            <!-- 轮次-->
            <blockquote class="border-color Text-red mar-0 mt-15 Po-r tableTitle" >
                <p>轮次列表
                    <span style="margin-left: 25px;" id="sbsbsb"> 投票链接：<kbd id="urlVoter" ></kbd></span>
                </p>
                <div class="btn-group Po-a">
                    <button type="button" class="btn btn-success" id="votaPage">查看投票</button>
                    <button type="button" id="newSamsara-btn" class="btn btn-primary" data-toggle="modal" data-target="#newSamsara-model">添加比赛轮次</button>
                    <button type="button" class="btn btn-success" id="playTurnMatch">开启下一轮比赛</button>
                </div>
            </blockquote>
            <div class="panel panel-default mar-0 mt-15 border-color Po-r turnBox">
                <div class="table-responsive">
                    <table class="table">
                        <thead>
                        <tr class="Text-fwb">
                            <td style="width: 70px"></td>
                            <td>轮次名称</td>
                            <td style="width: 120px">投票状态</td>
                            <td style="width: 200px">开始时间</td>
                            <td style="width: 200px">结束时间</td>
                            <td style="width: 200px">操作</td>
                        </tr>
                        </thead>
                        <tbody id="table-body">
                            <!--
                                <tr>
                                    <td class="text-center Text-fwb">第 <strong>1</strong> 轮</td>
                                    <td>第一轮名称</td>
                                    <td class="toggleStatus status-0">开启</td>
                                    <td>2018-10-10 15:10</td>
                                    <td>2018-10-10 15:101</td>
                                    <td class="itemTypeSetBox">
                                        <i class="glyphicon glyphicon-pencil" data-toggle="modal" data-target="#changeSamsaraModel" data-whatever="@mdo"></i>
                                        <i class="glyphicon glyphicon-stats" data-toggle="tooltip" data-placement="top" title="开启投票"></i>
                                        <i class="glyphicon glyphicon-trash"></i>
                                    </td>
                                    </tr>
                                <tr>
                                    <td class="text-center Text-fwb">第 <strong>1</strong> 轮</td>
                                    <td>第一轮名称 </td>
                                    <td class="toggleStatus status-1">关闭</td>
                                    <td>2018-10-10 15:10</td>
                                    <td>2018-10-10 15:101</td>
                                    <td class="itemTypeSetBox">
                                        <i class="glyphicon glyphicon-pencil" data-toggle="modal" data-target="#changeSamsaraModel" data-whatever="@mdo"></i>
                                        <i class="glyphicon glyphicon-stats" data-toggle="tooltip" data-placement="top" title="开启投票"></i>
                                        <i class="glyphicon glyphicon-trash"></i>
                                        <i class="glyphicon glyphicon-bullhorn"></i>
                                    </td>
                                </tr>
                                -->
                        </tbody>
                    </table>
                </div>
                <div class="itemNone"><h3 class=" text-center">暂无轮次信息</h3></div>
            </div>
            <!-- 详情-->
            <blockquote class="border-color Text-red mar-0 mt-15 Po-r tableTitle" >
                <p>类型详情</p>
                <div class="btn-group pull-right">
                    <button type="button" class="btn btn-primary" id="reviseItemTypeInfo">修改</button>
                    <button type="button" class="btn btn-success" id="addItemTypeInfo">添加</button>
                </div>
            </blockquote>
            <div class="panel panel-default mar-0 mt-15 border-color itemTypeInfo">
                <div class="panel-body">
                    <textarea placeholder="请输入详情..."></textarea>
                </div>
            </div>
        </div>
    </div>
    <!-- 修改轮次信息---模态框 -->
    <div class="modal fade" id="changeSamsaraModel" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="exampleModalLabel">修改轮次信息</h4>
                </div>
                <div class="modal-body">
                    <form  class="form-horizontal" id="changeForm-model">
                        <div class="form-group">
                            <label for="racetypesamsaraname-model" class="col-sm-5 control-label">轮次名称</label>
                            <div class="col-sm-19">
                                <input type="text" class="form-control" name="racetypesamsaraname" id="racetypesamsaraname-model" >
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="ballotstarttime-model" class="col-sm-5 control-label">投票开始时间</label>
                            <div class="col-sm-19">
                                <input type="date" class="form-control" name="ballotstarttime" id="ballotstarttime-model" >
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="ballotstoptime-model" class="col-sm-5 control-label">投票结束时间</label>
                            <div class="col-sm-19">
                                <input type="date" class="form-control" name="ballotstoptime" id="ballotstoptime-model" >
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" id="changeOk-model">确定</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 添加轮次---模态框 -->
    <div class="modal fade" id="newSamsara-model" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">添加第 <strong></strong> 轮投票</h4>
                </div>
                <div class="modal-body">
                    <form  class="form-horizontal">
                        <div class="form-group">
                            <label for="newSamsaraName-model" class="col-sm-5 control-label">轮次名称</label>
                            <div class="col-sm-19">
                                <input type="text" class="form-control" id="newSamsaraName-model" >
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="newStatrtTime-model" class="col-sm-5 control-label">投票开始时间</label>
                            <div class="col-sm-19">
                                <input type="date" class="form-control" id="newStatrtTime-model" >
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="newEndTime-model" class="col-sm-5 control-label">投票结束时间</label>
                            <div class="col-sm-19">
                                <input type="date" class="form-control" id="newEndTime-model" >
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" id="new-OK-btn">确定</button>
                </div>
            </div>
        </div>
    </div>

    <script src="../js/lib/jquery.cookie.js"></script>
    <script src="../js/lib/spop.js"></script>
    <script src="../js/admin/admin-base.js"></script>
    <script src="../js/admin/itemType-info.js"></script>
</body>
</html>